<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
 				xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
  				xmlns:c="http://java.sun.com/jstl/core" xmlns:p="http://primefaces.org/ui"
  				template="/Administrador/Principal/MasterPage.xhtml">
  				
  	<ui:define name="head">	
		<script type="text/javascript" src="#{request.contextPath}/Administrador/AdministrarFuente/Js/FuenteJs.js"></script>
		<script type="text/javascript" src="#{request.contextPath}/javascript/ValidacionUtil.js"></script>s		
    </ui:define>
    
    <ui:define name="body">
		<h:form id="frmlistarFuentes">
			<p:panel id="pnlListarFuentes" 
				header="#{label['default.label.administrarFuentes.pnlTitulo']}">
				<p:fieldset id="fsCriteriosBusqueda" 
					legend="#{label['default.label.administrarFuentes.fsCriteriosBusqueda']}" 
					style="width:96%;">
					<h:panelGrid columns="4" 
						cellpadding="3" 
						cellspacing="3" 
						columnClasses="anchoGeneralColumnInput, anchoGeneralColumnInput, anchoGeneralColumnInput, anchoGeneralColumnInput">
						<h:outputLabel id="lblNombreFuenteVO" 
							value="#{label['default.label.administrarFuentes.lblNombre']}:"  
							styleClass="anchoGeneralOutput"  />			
						<p:inputText id="txtNombreFuenteVO" 
							styleClass="anchoGeneralInputText"  
							maxlength="50"  
							onkeypress="return formatoNombresDescripciones(event);" 
							value="#{fuenteBean.fuenteVO.nombre}"/>
						<h:outputLabel id="lblTipoFuenteVO" 
							value="#{label['default.label.administrarFuentes.lblTipoFuente']}:" />			
						<p:selectOneMenu  id="cboTipoFuenteVO" 
							value="#{fuenteBean.fuenteVO.idTipoFuente}"> 
				  			<f:selectItems value="#{listadoBean.getListaTipoFuenteFiltro()}"
								var="selectItem" 
								itemLabel="#{selectItem.label}"
								itemValue="#{selectItem.value}" />
			  			</p:selectOneMenu>	
			  			<h:outputLabel id="lblTipoEntradaSalidaVO" value="#{label['default.label.administrarFuentes.lblTipoEntradaSalida']}:" />			
						<p:selectOneMenu  id="cboTipoEntradaSalidaVO" 
							value="#{fuenteBean.fuenteVO.idEntradaSalida}"> 
				  			<f:selectItems value="#{listadoBean.getListaTipoEntradaSalidaFiltro()}"
								var="selectItem" 
								itemLabel="#{selectItem.label}"
								itemValue="#{selectItem.value}" />
			  			</p:selectOneMenu>		
					</h:panelGrid>
					<div class="posicionBotones">
		  				<p:commandButton  value="#{label['default.label.btnBuscar']}" 
		  					action="#{fuenteBean.buscar}" 
		  					update="frmlistarFuentes:tblFuentes"/>
	  					<p:spacer width="5"/>
	  					<p:commandButton  value="#{label['default.label.btnLimpiar']}" 
	  						action="#{fuenteBean.limpiar}" 
	  						update="frmlistarFuentes:tblFuentes frmlistarFuentes" 
	  						onclick="tblFuentes.getPaginator().setPage(0);"/>
	  					<p:spacer width="5"/>
	  					<p:commandButton  value="#{label['default.label.btnNuevo']}" 
	  						action="#{fuenteBean.cargarValores(1)}"  
	  						oncomplete="dlgRegistrarFuente.show()" 
	  						update=":frmlistarFuentes:dlgRegistrarFuente"/>
	  					<p:spacer width="5"/>
	  				</div>		
				</p:fieldset>
				<p:spacer width="15"/>		
				<p:fieldset id="fsResultadosBusqueda" 
					legend="#{label['default.label.administrarFuentes.fsResultadosBusqueda']}" 
					style="width:96%;">
					<p:spacer width="5"/>
					<p:dataTable id="tblFuentes"  
						value="#{fuenteBean.listaFuentesDTO}" 
						var="fuenteDTO" 
						paginator="true" 
						rows="10"
		   				scrollable="true" 
		   				rowIndexVar = "rowInfo" 
		   				lazy="true" 
		   				dynamic="true" 
		   				widgetVar="tblFuentes" 
		   				emptyMessage="#{label['default.emty.busqueda']}"
		   				paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
		   				currentPageReportTemplate="{startRecord} - {endRecord} de {totalRecords}" 
		   				rowKey="fuenteDTO.idFuente">   		   			
	  	      	 		<p:column style="width:6%; text-align: center;" >
				   			<f:facet name="header">  
							      <h:outputText value="#{label['default.label.administrarFuentes.lblItem']}" />  
							</f:facet>  
							<h:outputText value="#{fuenteDTO.item}" />						
						</p:column>	
						<p:column style="width:30%;">
				   			<f:facet name="header" >  
							      <h:outputText value="#{label['default.label.administrarFuentes.lblNombre']}" />  
							</f:facet>  
							<h:outputText value="#{fuenteDTO.nombre}" />						
						</p:column>
							<p:column style="width:20%">
				   				<f:facet name="header" >  
								      <h:outputText value="#{label['default.label.administrarFuentes.lblTipoFuente']}" />  
								</f:facet>  
								<h:outputText value="#{fuenteDTO.descripcionTipoFuente}" />						
						</p:column>
						<p:column style="width:20%">
				   			<f:facet name="header">  
							      <h:outputText value="#{label['default.label.administrarFuentes.lblTipoEntradaSalida']}" />  
							</f:facet>  
							<h:outputText value="#{fuenteDTO.descripcionEntradaSalida}" />						
						</p:column>
						<p:column style="width:10%">
			   				<f:facet name="header">  
							     <h:outputText value="#{label['default.label.administrarFuentes.lblAcciones']}" /> 
							</f:facet>  
							<p:spacer width="5"/>
								<h:panelGrid columns="4" 
									cellpadding="0" 
									cellspacing="0" 
									columnClasses="icono, hidden,icono,hidden,icono,hidden">
									<p:commandLink id="btnEditar" 
										action="#{fuenteBean.cargarValores(2)}"  
										oncomplete="dlgRegistrarFuente.show()" 
										update=":frmlistarFuentes:dlgRegistrarFuente ">
										<p:graphicImage value="/imagenes/icon_edit.png"  
											alt="#{label['default.label.tooltip.btnEditar']}"/>
										<f:setPropertyActionListener target="#{fuenteBean.idFuenteSeleccionada}" 
											value="#{fuenteDTO.idFuente}" />								
									</p:commandLink>
									<p:tooltip for="btnEditar" 
										value="#{label['default.label.tooltip.btnEditar']}" 
										showEffect="fade" 
										hideEffect="fade" />
									<p:commandLink id="btnEliminar" 
										action="#{fuenteBean.validarEliminacion}" 
										update=":frmlistarFuentes:dialogEliminar" 
										oncomplete="dialogEliminar.show()" >
										<p:graphicImage value="/imagenes/icon_delete.png"  
											alt="#{label['default.label.tooltip.btnEliminar']}"/>
										<f:setPropertyActionListener target="#{fuenteBean.idFuenteSeleccionada}" 
											value="#{fuenteDTO.idFuente}" />								
									</p:commandLink>
									<p:tooltip for="btnEliminar" 
										value="#{label['default.label.tooltip.btnEliminar']}" 
										showEffect="fade" 
										hideEffect="fade" />
									</h:panelGrid>				
							</p:column>
	  	      	 	</p:dataTable>
				</p:fieldset>
			<p:spacer width="10"/>
			</p:panel>
			
			<p:dialog id="dialogEliminar"  
				style="width:400px!important;top:250px !important;"   
				widgetVar="dialogEliminar" 
				modal="true" 
				header="#{label['default.label.titulo.eliminar']}">
				<div style="text-align: center;vertical-align:middle; width: 100%; height: auto; padding-bottom: 10px;">
					<h:outputText value="#{fuenteBean.mensajeEliminar}" />	
				</div> 
				<div style="text-align: center; width: 100%;vertical-align:middle; height: 25px">
					<p:commandButton rendered="#{fuenteBean.bolBtnSi}" 
						actionListener="#{fuenteBean.eliminar}"
						 value="#{label['default.label.si']}"				                			 
						 onclick="dialogEliminar.hide()" 
						 update="frmlistarFuentes:tblFuentes">
					</p:commandButton>
					<p:commandButton rendered="#{fuenteBean.bolBtnNo}" 
						value="#{label['default.label.no']}" 
						onclick="dialogEliminar.hide()" 
						type="button" />   
 					<p:commandButton  rendered="#{fuenteBean.bolBtnAceptar}" 
 						value="Aceptar" 
						onclick="dialogEliminar.hide()" 
						type="button" />  
				</div>
			</p:dialog>
			
			<p:dialog id="dialogMensaje" 
				style="width:400px!important;top:150px !important;"  
				styleClass="centrarAlert" 
				severity="alert" 
				widgetVar="dialogMensaje" 
				modal="true" 
				header="#{label['default.label.msgAlerta']}">
				<div style="text-align: center;vertical-align:middle; width: 100%; height: auto; padding-bottom: 10px;">
					<h:outputText value="#{fuenteBean.mensajeAlerta}" />	
				</div>   
				<div style="text-align: center; width: 100%;vertical-align:middle; height: 25px">
					<p:commandButton value="#{label['default.label.btnAceptar']}" 
					actionListener="#{fuenteBean.validarResultado}" 
					oncomplete="handleLoginRequest(xhr, status, args)" 
					update="frmlistarFuentes:tblFuentes" />	
				</div>
			</p:dialog>
			
			<p:dialog id="dialogTest" 
				header="#{label['default.label.administrarFuentes.test']}" 	
				widgetVar="dialogTest" 
				styleClass="centrarAlert" 
				modal="true" 
				resizable="false" 
				width="410" 
				height="240">  
				<p:fieldset id="fsTest" 
					legend="Resultado del test" 
					style="width:350px !important; height:220px !important">
    				<h:panelGrid columns="1" >
    					<p:inputTextarea id="txtTest"  
    						rows="10" 
    						cols="20" 
    						autoResize="false" 
    						value="#{fuenteBean.mensajeAlerta}"  
							maxlength="350" 
							readonly="true" 
							style="width:310px !important; height:140px !important"/>  
						<p:spacer width="5"/>
						<p:commandButton value="#{label['default.label.btnAceptar']}" onclick="dialogTest.hide()"  />
					</h:panelGrid>
				</p:fieldset>
			</p:dialog>
			
			<ui:include src="/Administrador/AdministrarFuente/RegistrarFuente.xhtml"/>
		</h:form>
	</ui:define>

</ui:composition>